.et-canvas-top-bar {
  height: $et-top-bar-height;
  line-height: $et-top-bar-height;
  background-color: $et-nav-1st-bg;
  border-bottom: 1px solid $et-medium-gray;

  @include breakpoint(small only) {
    background-color: $white;
  }

  .button {
    margin-bottom: 0;
    width: 100%;
    padding: 0.5rem;
    margin-top: -0.25rem;
  }

  .ops-btn {
    display: block;
    width: 3.25rem;
    height: 3.25rem;
    color: rgba($white, 0.8);
    text-align: center;

    &:hover {
      color: rgba($white, 1);
    }

    i {
      font-size: 1.25rem;
    }

    @include breakpoint(small only) {
      color: rgba($black, 0.8);
      &:hover {
        color: rgba($black, 1);
      }
    }
  }
}
